﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Bistro Foods</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="shortcut icon" href="../img/fav.png">
        <meta name="author" content="colorlib">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta charset="UTF-8"> 

        <link rel="stylesheet" href="../static/css/linearicons.css">
        <link rel="stylesheet" href="../static/css/font-awesome.min.css">
        <link rel="stylesheet" href="../static/css/bootstrap.css">
        <link rel="stylesheet" href="../static/css/magnific-popup.css">
        <link rel="stylesheet" href="../static/css/jquery-ui.css">
        <link rel="stylesheet" href="../static/css/nice-select.css">
        <link rel="stylesheet" href="../static/css/animate.min.css">
        <link rel="stylesheet" href="../static/css/owl.carousel.css">
        <link rel="stylesheet" href="../static/css/style.css">
        
        <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Ephesis&display=swap" rel="stylesheet"> 
    </head>
        <body>           
            <header id="header">
                <div class="container main-menu">
                    <div class="row">
                        <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-12">
                            <a class="navbar-brand" href="index.html">Bistro Foods</a>
                        </div>
                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-12">
                            <div class="row align-items-center justify-content-center d-flex">
                                <nav id="nav-menu-container">
                                    <ul class="nav-menu">
                                        <li><a href="index.html">首页</a></li>
                                        <li><a href="about.html">关于</a></li>
                                        <li><a href="menu.html">菜单</a></li>
                                        <li><a href="gallery.html">图画</a></li>
                                        <li><a href="contact.html">联系：订餐</a></li>
                                    </ul>
                                </nav>
                                <!-- #nav-menu-container -->					      		  
                            </div>
                        </div>
                    </div>    
                </div>
            </header>
            <!-- #header -->
			
            <!-- start banner Area -->
            <section class="about-banner relative">
                <div class="overlay overlay-bg"></div>
                <div class="container">				
                    <div class="row d-flex align-items-center justify-content-center">
                        <div class="about-content col-lg-12">
                            <h1 class="text-white">
                                图画
                            </h1>	
                            <p class="text-white link-nav"><a href="index.html">首页 </a>  <span class="lnr lnr-arrow-right"></span>  <a href="gallery.html"> 图画</a></p>
                        </div>	
                    </div>
                </div>
            </section>
            <!-- End banner Area -->			

            <!-- Start gallery-area Area -->
            <section class="gallery-area section-gap" id="gallery">
                <div class="container">
                    <div class="row d-flex justify-content-center">
                        <div class="menu-content pb-70 col-lg-8">
                            <div class="title text-center">
                                <h1 class="mb-10">Food and Customer Gallery</h1>
                                <p>Who are in extremely love with eco friendly system.</p>
                            </div>
                        </div>
                    </div>	
                </div>
                <div class="container-fluid">
                    <ul class="filter-wrap filters col-lg-12 no-padding">
                        <li class="active" data-filter="*">All Menu</li>
                        <li data-filter=".breakfast">Breakfast</li>
                        <li data-filter=".lunch">Lunch</li>
                        <li data-filter=".dinner">Dinner</li>
                        <li data-filter=".desserts">Desserts</li>
                        <li data-filter=".salad">Salad</li>
                        <li data-filter=".winecard">Wine Card</li>
                    </ul>
                </div>
                <div class="container">                                       
                    <div class="filters-content">
                        <div class="row grid">
                            <div class="col-lg-4 col-md-6 col-sm-6 all breakfast">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g1.jpg" alt="">
                            	</div>	                          
                            </div>                           
                            <div class="col-lg-4 col-md-6 col-sm-6 all winecard">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g2.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all desserts">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g3.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all bakery">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g4.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all desserts">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g5.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all buffet">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g6.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all lunch">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g7.jpg" alt="">
                            	</div>                            
                            </div>
                            <div class="col-lg-4 col-md-6 col-sm-6 all dinner">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g8.jpg" alt="">
                            	</div>                            
                            </div> 
                            <div class="col-lg-4 col-md-6 col-sm-6 all salad">
                            	<div class="single-gallery">
                                    <img class="img-fluid" src="../img/gallery/g9.jpg" alt="">
                            	</div>                            
                            </div> 
                        </div>
                    </div>                    
                </div>
            </section>
            <!-- End gallery-area Area -->					

            <!-- start footer Area -->		
            <footer class="footer-area">
                <div class="footer-widget-wrap">
                    <div class="container">
                        <div class="row section-gap">
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Opening Hours</h4>
                                    <ul class="hr-list">
                                        <li class="d-flex justify-content-between">
                                            <span>Monday - Friday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>
                                        <li class="d-flex justify-content-between">
                                            <span>Saturday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>
                                        <li class="d-flex justify-content-between">
                                            <span>Sunday</span> <span>08.00 am - 10.00 pm</span>
                                        </li>																				
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Contact Us</h4>
                                    <p>
                                        65 Thomas Street,New York 10016
                                    </p>
                                    <p class="number">
                                        (+1) 234 567 8901 <br>
                                        (+1) 234 567 8807
                                    </p>
                                </div>
                            </div>						
                            <div class="col-lg-4  col-md-6 col-sm-6">
                                <div class="single-footer-widget">
                                    <h4>Newsletter</h4>
                                    <p>You can trust us. we only send promo offers, not a single spam.</p>
                                    <div class="d-flex flex-row" id="mc_embed_signup">
                                        <form class="navbar-form" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get">
                                            <div class="input-group add-on align-items-center d-flex">
                                                <input class="form-control" name="EMAIL" placeholder="Your Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email address'" required="" type="email">
                                                <div style="position: absolute; left: -5000px;">
                                                    <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                                                </div>
                                                <div class="input-group-btn">
                                                    <button class="genric-btn"><span class="lnr lnr-arrow-right"></span></button>
                                                </div>
                                            </div>
                                            <div class="info mt-20"></div>
                                        </form>
                                    </div>
                                </div>
                            </div>						
                        </div>					
                    </div>					
                </div>
                <div class="footer-bottom-wrap">
                    <div class="container">
                        <div class="row footer-bottom d-flex justify-content-between align-items-center">
                            <p class="col-lg-8 col-md-6 col-sm-6 footer-text m-0">
                                Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> |
                            </p>
                            <ul class="col-lg-4 col-md-6 col-sm-6 social-icons text-right">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a></li>            
                            </ul>
                        </div>						
                    </div>
                </div>
            </footer>
            <!-- End footer Area -->	

            <script src="../static/js/vendor/jquery-2.2.4.min.js"></script>
            <!--<script src="js/popper.min.js"></script>
            <script src="js/vendor/bootstrap.min.js"></script>			
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDcfEdcYv9wIuEaCZnhuEowbh0Xc3G0OAQ"></script>-->		
            <script src="../static/js/jquery-ui.js"></script>
            <script src="../static/js/easing.min.js"></script>
            <script src="../static/js/hoverIntent.js"></script>
            <script src="../static/js/superfish.min.js"></script>
            <script src="../static/js/jquery.ajaxchimp.min.js"></script>
            <script src="../static/js/jquery.magnific-popup.min.js"></script>
            <script src="../static/js/jquery.nice-select.min.js"></script>
            <script src="../static/js/owl.carousel.min.js"></script>
            <script src="../static/js/isotope.pkgd.min.js"></script>
            <script src="../static/js/mail-script.js"></script>
            <script src="../static/js/main.js"></script>
            <script src="../static/js/scroll.js"></script>
    </body>
</html>